<script setup lang="ts">
// 移除未使用的computed导入
import { ref, defineProps } from 'vue'
import CollapsiblePanel from './common/CollapsiblePanel.vue'
import ToggleButton from './common/ToggleButton.vue'
import DropdownSelect from './common/DropdownSelect.vue'
import InputField from './common/InputField.vue'
import CopyToClipboard from './common/CopyToClipboard.vue'
import TableInput from './common/TableInput.vue'

// 定义props
const props = defineProps<{
  landType: string
}>()

// 表单数据状态定义
const basicInfoForm = ref({
  // 用地预审情况
  审批权下放: '否',
  下放依据: '',
  审批权下放部门: '',
  预审通过年月: '',
  预审自然资源主管部门: '',
  预审文号: '',
  
  // 可研批复情况
  可研批复年月: '',
  可研批复部门: '',
  可研批复文号: '',
  通过预审2024以后: '否',
  用地预审在可研之后: '否',
  投资主管部门: '',
  核准超期: '未超期',
  可研变更: '否',
  可研变更批复年月: '',
  可研变更批复部门: '',
  可研变更文号: '',
  
  // 初步设计批复情况
  初设批复年月: '',
  初设审批部门: '',
  初设批复文号: '',
  初设变更: '否',
  初设变更审批权下放: '',
  初设变更批复年月: '',
  初设变更批复部门: '',
  初设变更文号: '',
  
  // 项目基本信息
  建设标准或规模: '',
  总投资: '',
  分期分段: '否',
  按市报批: '',
  分期报批: '',
  本期不涉及永农红线但需报国务院: '否',
  
  // 核减用地情况
  市县核减: '否',
  核减面积: '',
  核减耕地: '',
  核减永农: '',
  
  // 农用地转用情况
  转用农用地: '',
  转用耕地: '',
  转用永农: '',
  转用未利用地: '',
  市县区列表: '',
  集体转用农用地: '',
  集体转用耕地: '',
  集体转用永农: '',
  集体转用未利用地: '',
  国有转用农用地: '',
  国有转用耕地: '',
  国有转用永农: '',
  国有转用未利用地: '',
  
  // 矿业复垦
  矿业复垦: '否',
  复垦验收自然资源部门: '',
  复垦耕地: '',
  复垦水田: '',
  复垦产能: '',
  拟用面积: '',
  拟用水田: '',
  拟用产能: '',
  
  // 缴纳新增建设用地土地有偿使用费情况
  划拨表述方式: '',
  缴费情形: '',
  审查机关: '',
  圈外新增面积: '',
  圈外县区列表: [] as Array<{name: string, 等别: string, area: string}>,
  圈内新增面积: '',
  圈内县区列表: [] as Array<{name: string, 等别: string, area: string}>,
  应缴有偿费: '',
  缴费县市区的市县人民政府名称: '',
  
  // 违法用地占用自然保护区或生态保护红线情况
  违法涉及保护地: '否',
  省林草意见: '',
  省生态环境意见: '',
  
  // 批次用地特有字段
  总面积: '',
  农用地面积: '',
  耕地面积: '',
  可调整地类面积: '',
  建设用地面积: '',
  未利用地面积: '',
  有无可调整地类: '否',
  无违法用地: '否',
  集体土地总面积: '',
  集体农用地: '',
  集体耕地: '',
  集体建设用地: '',
  集体未利用地: '',
  国有土地总面积: '',
  国有农用地: '',
  国有耕地: '',
  国有建设用地: '',
  国有未利用地: '',
  
  // 增减挂钩用地特有字段
  批次类型: '否',
  指标类型: '',
  挂钩指标面积: '',
  挂钩水田: '',
  挂钩产能: '',

  分次报批: '否',
  // 一次全用的字段
  新区拟用面积: '',
  新区水田: '',
  新区产能: '',

  // 分次用的字段
  已用面积: '',
  已用水田: '',
  已用产能: '',
  本次报批面积: '',
  本次水田: '',
  本次产能: '',
  剩余面积: '',
  剩余水田: '',
  剩余产能: '',

  // 缴纳新增建设用地土地有偿使用费的字段
  涉及新增建设用地: '是',
  新增建设用地面积: '',
  土地等别: '',
  应缴费用: '',
  县市区名称: '',
  已预缴: '否'
})

// 生成要复制的文本
const generateCopyText = (): string => {
  let paragraph = ''
  
  // 根据landType生成不同的文本
  if (props.landType === '单独选址') {
    paragraph = generateSingleSiteText()
  } else {
    paragraph = generateBatchLandText()
  }
  
  return paragraph
}

// 生成单独选址模式的文本
const generateSingleSiteText = (): string => {
  let text = ''
  
  // 用地预审情况
  text += `（用地预审情况）\n`
  text += `该项目符合基本建设投资管理规定。\n`
  
  if (basicInfoForm.value.审批权下放 === "是") {
    text += `按照${basicInfoForm.value.下放依据}规定，${basicInfoForm.value.审批权下放部门}，${basicInfoForm.value.预审通过年月}，该项目通过${basicInfoForm.value.预审自然资源主管部门}用地预审（文号：${basicInfoForm.value.预审文号}）。\n`
  } else {
    text += `${basicInfoForm.value.预审通过年月}通过${basicInfoForm.value.预审自然资源主管部门}用地预审（文号：${basicInfoForm.value.预审文号}）。\n`
  }
  text += `\n`
  
  // 可研批复情况
  text += `（可研批复情况）\n`
  if (basicInfoForm.value.审批权下放 === "是") {
    text += `按照${basicInfoForm.value.下放依据}规定，${basicInfoForm.value.审批权下放部门}，${basicInfoForm.value.可研批复年月}，批复（核准/备案）可行性研究报告（或项目申请报告，文号：${basicInfoForm.value.可研批复文号}）。\n`
  } else {
    text += `${basicInfoForm.value.可研批复年月}，${basicInfoForm.value.可研批复部门}批复（核准/备案）可行性研究报告（或项目申请报告，文号：${basicInfoForm.value.可研批复文号}）。\n`
  }
  
  if (basicInfoForm.value.通过预审2024以后 === "是") {
    text += `可行性研究报告（或项目申请报告）已包含用地预审审查后的节约集约用地专章相关内容。\n`
  }
  
  if (basicInfoForm.value.用地预审在可研之后 === "是") {
    text += `①${basicInfoForm.value.投资主管部门}已出具书面说明并检讨。\n`
  }
  
  if (basicInfoForm.value.核准超期 === "超期情况1") {
    text += `②项目核准文件超出有效期，但项目单位在核准有效期内提出用地申请。\n`
  } else if (basicInfoForm.value.核准超期 === "超期情况2") {
    text += `②项目超出核准有效期但已获得原批准机关核准延期批复。\n`
  } else if (basicInfoForm.value.核准超期 === "超期情况3") {
    text += `②项目超出核准有效期但已获得原批准机关核准延期说明。\n`
  }
  
  if (basicInfoForm.value.可研变更 === "是") {
    text += `③${basicInfoForm.value.可研变更批复年月}，${basicInfoForm.value.可研变更批复部门}批复（核准/备案）可行性研究报告变更（或项目申请报告，文号：${basicInfoForm.value.可研变更文号}）。\n`
  }
  text += `\n`
  
  // 初步设计批复情况
  text += `（初步设计批复情况）\n`
  text += `${basicInfoForm.value.初设批复年月}，${basicInfoForm.value.初设审批部门}工程初步设计（文号：${basicInfoForm.value.初设批复文号}）。\n`
  
  if (basicInfoForm.value.初设变更 === "正常审批") {
    text += `${basicInfoForm.value.初设变更批复年月}，${basicInfoForm.value.初设变更批复部门}工程初步设计变更（文号：${basicInfoForm.value.初设变更文号}）。\n`
  }
  
  if (basicInfoForm.value.初设变更 === "权力下放审批") {
    text += `按照${basicInfoForm.value.初设变更审批权下放}，${basicInfoForm.value.初设变更批复年月}，${basicInfoForm.value.初设变更批复部门}工程初步设计变更（文号：${basicInfoForm.value.初设变更文号}）。\n`
  }
  text += `\n`
  
  // 项目基本信息
  text += `项目按${basicInfoForm.value.建设标准或规模}建设，总投资${basicInfoForm.value.总投资}亿元。\n`
  
  if (basicInfoForm.value.分期分段 === "按市报批") {
    text += `${basicInfoForm.value.按市报批}\n`
  } else if (basicInfoForm.value.分期分段 === "分期报批") {
    text += `${basicInfoForm.value.分期报批}\n`
  }
  
  if (basicInfoForm.value.本期不涉及永农红线但需报国务院 === "是") {
    text += `该项目整体占用永久基本农田或生态保护红线，本段不涉及永久基本农田或生态保护红线，按规定应呈报国务院审批。\n`
  }
  text += `\n`
  
  // 核减用地情况
  text += `（核减用地情况）\n`
  if (basicInfoForm.value.市县核减 === "有核减") {
    text += `该项目用地在市、县级审查中核减用地${basicInfoForm.value.核减面积}公顷（耕地${basicInfoForm.value.核减耕地}公顷，含永久基本农田${basicInfoForm.value.核减永农}公顷）。\n`
  } else if (basicInfoForm.value.市县核减 === "未核减") {
    text += `该项目用地在市、县级审查中未核减用地。\n`
  }
  text += `\n`
  
  // 农用地转用情况
  text += `〔农用地转用情况〕\n`
  text += `本次申请将农用地${basicInfoForm.value.转用农用地}公顷（耕地${basicInfoForm.value.转用耕地}公顷，含永久基本农田${basicInfoForm.value.转用永农}公顷）、未利用地${basicInfoForm.value.转用未利用地}公顷转为建设用地，其中：\n`
  text += `${basicInfoForm.value.市县区列表}农民集体所有农用地${basicInfoForm.value.集体转用农用地}公顷（耕地${basicInfoForm.value.集体转用耕地}公顷，永久基本农田${basicInfoForm.value.集体转用永农}公顷）、未利用地${basicInfoForm.value.集体转用未利用地}公顷；\n`
  text += `国有农用地${basicInfoForm.value.国有转用农用地}公顷（耕地${basicInfoForm.value.国有转用耕地}公顷，永久基本农田${basicInfoForm.value.国有转用永农}公顷）、未利用地${basicInfoForm.value.国有转用未利用地}公顷。\n`
  text += `\n`
  
  // 矿业复垦
  if (basicInfoForm.value.矿业复垦 === "是") {
    text += `矿业用地复垦利用项目表述为：${basicInfoForm.value.复垦验收自然资源部门}已验收该项目复垦区耕地${basicInfoForm.value.复垦耕地}公顷，其中水田${basicInfoForm.value.复垦水田}公顷，标准粮食产能${basicInfoForm.value.复垦产能}公斤；拟使用土地${basicInfoForm.value.拟用面积}公顷，其中水田${basicInfoForm.value.拟用水田}公顷，标准粮食产能${basicInfoForm.value.拟用产能}公斤。建设区土地已全部转为建设用地。\n`
    text += `\n`
  }
  
  // 缴纳新增建设用地土地有偿使用费情况
  text += `（缴纳新增建设用地土地有偿使用费情况）\n`
  if (basicInfoForm.value.缴费情形 === "①") {
    text += `①项目建设涉及国土空间规划确定的城市和村庄、集镇建设用地范围外【或：${basicInfoForm.value.审查机关}审查通过的国土空间规划确定的城市和村庄、集镇建设用地范围外】有偿使用新增建设用地${basicInfoForm.value.圈外新增面积}公顷，其中：`
    basicInfoForm.value.圈外县区列表.forEach((县区) => {
      text += `${县区.name}${县区.等别}等别${县区.area}公顷、`
    })
    text = text.slice(0, -1) + '；'
    
    text += `项目用地中${basicInfoForm.value.圈内新增面积}公顷位于国土空间规划确定的城市和村庄、集镇建设用地范围内【或：${basicInfoForm.value.审查机关}审查通过的国土空间规划确定的城市和村庄、集镇建设用地范围内】，涉及新增建设用地${basicInfoForm.value.圈内新增面积}公顷，其中：`
    basicInfoForm.value.圈内县区列表.forEach((县区) => {
      text += `${县区.name}${县区.等别}等别${县区.area}公顷、`
    })
    text = text.slice(0, -1) + '，'
    
    text += `共需缴纳新增建设用地土地有偿使用费${basicInfoForm.value.应缴有偿费}万元。项目所在地${basicInfoForm.value.缴费县市区的市县人民政府名称}人民政府承诺在批准用地后按有关规定及时足额缴纳（或已预缴）。\n`
  } else if (basicInfoForm.value.缴费情形 === "以划拨方式供地") {
    if (basicInfoForm.value.划拨表述方式 === "表述方式1") {
      text += `项目以划拨方式供地，不涉及国土空间规划确定的城市和村庄、集镇建设用地范围内新增建设用地，按规定不需缴纳新增建设用地土地有偿使用费。\n`
    } else {
      text += `项目以划拨方式供地，不涉及${basicInfoForm.value.审查机关}审查通过的国土空间规划确定的城市和村庄、集镇建设用地范围内新增建设用地，按规定不需缴纳新增建设用地土地有偿使用费。\n`
    }
  }
  text += `\n`
  
  // 违法用地占用自然保护区或生态保护红线情况
  if (basicInfoForm.value.违法涉及保护地 === "是") {
    text += `（违法用地占用自然保护区或生态保护红线情况）\n`
    text += `该项目违法用地涉及自然保护区或生态保护红线，省级林草主管部门对违法用地占用自然保护区或生态保护红线出具了意见，`
    text += basicInfoForm.value.省林草意见 + `；省级生态环境主管部门对违法用地占用自然保护区或生态保护红线出具了意见，`
    text += basicInfoForm.value.省生态环境意见 + `\n`
  }
  
  return text
}

// 生成批次用地模式的文本
const generateBatchLandText = (): string => {
  let text = ''
  
  // 基本情况
  text += `〔基本情况〕\n`
  text += `该批次实际申请用地情况为：总面积为${basicInfoForm.value.总面积}公顷，其中：农用地${basicInfoForm.value.农用地面积}公顷（耕地${basicInfoForm.value.耕地面积}公顷`
  
  if (basicInfoForm.value.有无可调整地类 === "是") {
    text += `；可调整地类${basicInfoForm.value.可调整地类面积}公顷`
  }
  text += `）、建设用地${basicInfoForm.value.建设用地面积}公顷、未利用地${basicInfoForm.value.未利用地面积}公顷。`

  text += `\n\n`
  
  // 按权属和地类分
  text += `按权属和地类分：农民集体所有土地${basicInfoForm.value.集体土地总面积}公顷，其中：农用地${basicInfoForm.value.集体农用地}公顷（耕地${basicInfoForm.value.集体耕地}公顷）、建设用地${basicInfoForm.value.集体建设用地}公顷、未利用地${basicInfoForm.value.集体未利用地}公顷；国有土地${basicInfoForm.value.国有土地总面积}公顷，其中：农用地${basicInfoForm.value.国有农用地}公顷（耕地${basicInfoForm.value.国有耕地}公顷）、建设用地${basicInfoForm.value.国有建设用地}公顷、未利用地${basicInfoForm.value.国有未利用地}公顷，地类和面积准确。\n\n`
  
  // 农用地转用情况
  text += `〔农用地转用情况〕\n`
  text += `该批次申请将农用地${basicInfoForm.value.转用农用地}公顷（耕地${basicInfoForm.value.转用耕地}公顷）、未利用地${basicInfoForm.value.转用未利用地}公顷转为建设用地，其中：农民集体所有农用地${basicInfoForm.value.集体转用农用地}公顷（耕地${basicInfoForm.value.集体转用耕地}公顷）、未利用地${basicInfoForm.value.集体转用未利用地}公顷；国有农用地${basicInfoForm.value.国有转用农用地}公顷（耕地${basicInfoForm.value.国有转用耕地}公顷）、未利用地${basicInfoForm.value.国有转用未利用地}公顷。\n\n`
  
  // 增减挂钩批次
  if (basicInfoForm.value.批次类型 === "是") {
    text += `该批次使用${basicInfoForm.value.指标类型}${basicInfoForm.value.挂钩指标面积}公顷，其中水田${basicInfoForm.value.挂钩水田}公顷，标准粮食产能${basicInfoForm.value.挂钩产能}公斤；`
    
    if (basicInfoForm.value.分次报批 === "是") {
      text += `建新区已使用${basicInfoForm.value.已用面积}公顷，其中水田${basicInfoForm.value.已用水田}公顷，标准粮食产能${basicInfoForm.value.已用产能}公斤；本次报批${basicInfoForm.value.本次报批面积}公顷，其中水田${basicInfoForm.value.本次水田}公顷，标准粮食产能${basicInfoForm.value.本次产能}公斤；剩余${basicInfoForm.value.剩余面积}公顷，其中水田${basicInfoForm.value.剩余水田}公顷，标准粮食产能${basicInfoForm.value.剩余产能}公斤。`
    }
    if (basicInfoForm.value.分次报批 === "否") {
      text += `建新区拟使用土地${basicInfoForm.value.新区拟用面积}公顷，其中水田${basicInfoForm.value.新区水田}公顷，标准粮食产能${basicInfoForm.value.新区产能}公斤。`
    }
    
    text += `建新区土地已全部转为建设用地。\n\n`
  }
  
  // 缴纳新增建设用地土地有偿使用费
  text += `[缴纳新增建设用地土地有偿使用费]\n`
  if (parseFloat(basicInfoForm.value.新增建设用地面积 || '0') > 0) {
    text += `该批次涉及新增建设用地${basicInfoForm.value.新增建设用地面积}公顷，为${basicInfoForm.value.土地等别}等别，需缴纳新增建设用地土地有偿使用费${basicInfoForm.value.应缴费用}万元。${basicInfoForm.value.县市区名称}人民政府承诺在用地批准后按有关规定及时足额缴纳${basicInfoForm.value.已预缴 === "是" ? "（已预缴）" : ""}。\n`
  } else {
    text += `[不涉及缴纳新增建设用地土地有偿使用费]该批次不涉及新增建设用地，不需缴纳新增建设用地土地有偿使用费。\n`
  }
  
  return text
}
</script>

<template>
  <div>
    <h1 class="text-3xl font-bold text-blue-700 text-center mb-6">基本情况单元</h1>
    
    <!-- 文件原文（可折叠） -->
    <CollapsiblePanel title="文件原文">
      <div class="mb-4">
        <h3 class="font-semibold text-gray-700 mb-2">一、业务指导处室</h3>
        <p class="text-gray-600">国土空间用途管制处</p>
      </div>
      
      <div class="mb-4">
        <h3 class="font-semibold text-gray-700 mb-2">二、审查标准</h3>
        <ol class="list-decimal pl-5 text-gray-600 space-y-2">
          <li>符合基本建设投资管理规定。</li>
          <li>建设单位已取得建设项目批准(核准或备案)文件、初步设计批准或审核文件，且应当在有效期内。</li>
          <li>用地涉及的新增建设用地应按规定缴纳新增建设用地土地有偿使用费，缴纳等级、标准应准确。</li>
          <li>1999年1月1日之后经依法批准的集体建设用地，在批准农用地转用时未缴纳新增建设用地有偿使用费的，申请土地征收时按照现行标准补缴。</li>
        </ol>
      </div>
    </CollapsiblePanel>
    
    <!-- 审查内容模板（常驻显示） -->
    <div class="border border-gray-200 rounded-lg shadow mb-6 bg-white text-left">
      <h2 class="text-xl font-semibold text-gray-800">三、审查内容模板</h2>
      
      <div class="p-4">
        <!-- 单独选址模式 -->
        <div v-if="props.landType === 'single'">
          <!-- 用地预审情况 -->
          <div class="section-block blue">
            <h3 class="text-lg font-semibold text-gray-800 mb-3">〔用地预审情况〕</h3>
            <!-- 判断区域 -->
            <div class="flex items-center">
              <ToggleButton v-model="basicInfoForm.审批权下放" />
              <label class="section-label red ml-2">审批权下放</label>
            </div>
            <!-- 交互区域 -->
            <div class="text-gray-700 space-y-3"> 
              <p v-if="basicInfoForm.审批权下放 === '是'">
                该项目符合基本建设投资管理规定。按照
                <InputField v-model="basicInfoForm.下放依据" placeholder="下放依据" />
                规定，
                <InputField v-model="basicInfoForm.审批权下放部门" placeholder="*审批权下放至*部门办理" />
                ，
                <InputField v-model="basicInfoForm.预审通过年月" placeholder="*年*月" />
                ，该项目通过
                <InputField v-model="basicInfoForm.预审自然资源主管部门" placeholder="*省自然资源厅" width="10rem" />
                用地预审（文号：  
                <InputField v-model="basicInfoForm.预审文号" placeholder="预审文号" />
                ）。
              </p>
              
              <p v-else>
                该项目符合基本建设投资管理规定。
                <InputField v-model="basicInfoForm.预审通过年月" placeholder="*年*月" />
                通过
                <InputField v-model="basicInfoForm.预审自然资源主管部门" placeholder="*省自然资源厅" width="10rem" />
                用地预审（文号：
                <InputField v-model="basicInfoForm.预审文号" placeholder="预审文号" />
                ）。
              </p>
            </div>
          </div>
          
          <!-- 可研批复情况 -->
          <div class="section-block green">
            <h3 class="text-lg font-semibold text-gray-800 mb-3">〔可研批复情况〕</h3>
            <!-- 判断区域 -->
            <!-- 是否属于2024年以后通过预审的项目 -->
            <div class="flex items-center">
              <ToggleButton 
                v-model="basicInfoForm.通过预审2024以后" 
                :options="[
                  { label: '是', value: '是' },
                  { label: '否', value: '否' }
                ]" 
              />
              <label class="section-label red ml-2">是否属于2024年以后通过预审的项目</label>
            </div>
             <!-- 存在用地预审在可研之后 -->
            <div class="flex items-center">
              <ToggleButton 
                v-model="basicInfoForm.用地预审在可研之后" 
                :options="[
                  { label: '是', value: '是' },
                  { label: '否', value: '否' }
                ]" 
              />
              <label class="section-label red ml-2">存在用地预审在可研之后</label>
            </div>
             <!-- 核准超期 -->
            <div class="flex flex-col mb-3">
              <label class="section-label red mb-1">已超出核准有效期的情况</label>
              <DropdownSelect 
                v-model="basicInfoForm.核准超期" 
                :options="[
                  { label: '未超期', value: '未超期' },
                  { label: '项目核准文件超出有效期但项目单位在核准有效期内提出用地申请', value: '超期情况1' },
                  { label: '项目超出核准有效期但已获得原批准机关核准延期批复', value: '超期情况2' },
                  { label: '项目超出核准有效期但已获得原批准机关核准延期说明', value: '超期情况3' }
                ]" 
                placeholder="请选择情况"
              />
            </div>
             <!-- 存在可研变更 -->
            <div class="flex items-center">
              <ToggleButton 
                v-model="basicInfoForm.可研变更" 
                :options="[
                  { label: '是', value: '是' },
                  { label: '否', value: '否' }
                ]" 
              />
              <label class="section-label red ml-2">存在可研变更</label>
            </div>

            <!-- 交互区域 -->
            <div class="text-gray-700 space-y-3">
              <p>
                <InputField v-model="basicInfoForm.可研批复年月" placeholder="*年*月" />
                ，
                <InputField v-model="basicInfoForm.可研批复部门" placeholder="**发展改革部门等批复(或核准、备案)可行性研究报告（或项目申请报告）或按照*规定，**审批权下放至*部门办理，**部门批复（或核准、备案)可行性研究报告（或项目申请报告）" />
                （文号：
                <InputField v-model="basicInfoForm.可研批复文号" placeholder="可研批复文号" />
                ）。
              </p>

              <p v-if="basicInfoForm.通过预审2024以后 === '是'">
                可行性研究报告（或项目申请报告）已包含用地预审审查后的节约集约用地专章相关内容。
              </p>

              <p v-if="basicInfoForm.用地预审在可研之后 === '是'" class="ml-4 pl-4 text-blue-800">
                <InputField v-model="basicInfoForm.投资主管部门" placeholder="投资主管部门" />
                已出具书面说明并检讨。
              </p>

              <p v-if="basicInfoForm.核准超期 === '超期情况1'" class="ml-4 pl-4 text-blue-800">
                项目核准文件超出有效期，但项目单位在核准有效期内提出用地申请。
              </p>

              <p v-if="basicInfoForm.核准超期 === '超期情况2'" class="ml-4 pl-4 text-blue-800">
                项目超出核准有效期但已获得原批准机关核准延期批复。
              </p>
              
              <p v-if="basicInfoForm.核准超期 === '超期情况3'" class="ml-4 pl-4 text-blue-800">
                项目超出核准有效期但已获得原批准机关核准延期说明。
              </p>
              
              <p v-if="basicInfoForm.可研变更 === '是'" class="ml-4 pl-4 text-blue-800">
                ③
                <InputField v-model="basicInfoForm.可研变更批复年月" placeholder="*年*月" width="5rem" />
                ，
                <InputField v-model="basicInfoForm.可研变更批复部门" placeholder="可研变更批复部门" />
                批复（核准/备案）可行性研究报告变更（或项目申请报告，文号：
                <InputField v-model="basicInfoForm.可研变更文号" placeholder="可研变更文号" />
                ）。
              </p>
             
            </div>
          </div>
          <!-- 初步设计批复情况 -->
          <div class="section-block purple">
            <h3 class="text-lg font-semibold text-gray-800 mb-3">〔初步设计批复情况〕</h3>
            
            <!-- 判断区域 -->
            <div class="flex items-center">
              <ToggleButton 
                v-model="basicInfoForm.初设变更" 
                :options="[
                  { label: '否', value: '否' },
                  { label: '正常审批', value: '正常审批' },
                  { label: '权力下放审批', value: '权力下放审批' }
                ]" 
              />
              <label class="section-label red ml-2">存在初步设计变更</label>
            </div>

            <!-- 交互区域 -->
            <div class="text-gray-700 space-y-3">
              <p>
                <InputField v-model="basicInfoForm.初设批复年月" placeholder="*年*月" />
                ，
                <InputField v-model="basicInfoForm.初设审批部门" placeholder="**(行业主管部门或设计审核单位)批复（或审核通过）" />
                工程初步设计（文号：
                <InputField v-model="basicInfoForm.初设批复文号" placeholder="文号" />
                ）。
              </p>

              <p v-if="basicInfoForm.初设变更 === '正常审批'">
                <InputField v-model="basicInfoForm.初设变更批复年月" placeholder="*年*月" />
                ，
                <InputField v-model="basicInfoForm.初设变更批复部门" placeholder="**(行业主管部门或设计审核单位)批复（或审核通过）" />
                工程初步设计变更（文号：
                <InputField v-model="basicInfoForm.初设变更文号" placeholder="文号" />
                ）。
              </p>

              <p v-if="basicInfoForm.初设变更 === '权力下放审批'">
                按照
                <InputField v-model="basicInfoForm.初设变更审批权下放" placeholder="*规定，*审批权下放至*部门办理" />
                ，
                <InputField v-model="basicInfoForm.初设变更批复年月" placeholder="*年*月" />
                ，
                <InputField v-model="basicInfoForm.初设变更批复部门" placeholder="**(行业主管部门或设计审核单位)批复（或审核通过）" />
                工程初步设计变更（文号：
                <InputField v-model="basicInfoForm.初设变更文号" placeholder="文号" />
                ）。
              </p>
            </div>
            <!-- 这里添加一行分割线 -->
            <hr class="my-4 border-gray-700">

            <!-- 项目基本情况判断区域 -->
            <div class="flex items-center">
              <ToggleButton 
                v-model="basicInfoForm.分期分段" 
                :options="[
                  { label: '否', value: '否' },
                  { label: '按市报批', value: '按市报批' },
                  { label: '分期报批', value: '分期报批' }
                ]" 
              />
              <label class="section-label red ml-2">分期分段情况</label>
            </div>

            <div class="flex items-center">
              <ToggleButton 
                v-model="basicInfoForm.本期不涉及永农红线但需报国务院" 
                :options="[
                  { label: '否', value: '否' },
                  { label: '是', value: '是' }
                ]" 
              />
              <label class="section-label red ml-2">本期不涉及永农红线但需报国务院</label>
            </div>

            <!-- 交互区域 -->
            <div class="text-gray-700 space-y-3">
              <p>
                项目按
                <InputField v-model="basicInfoForm.建设标准或规模" placeholder="建设标准或规模" />
                建设，总投资
                <InputField v-model="basicInfoForm.总投资" placeholder="总投资" />
                亿元。
              </p>

              <p v-if="basicInfoForm.分期分段 === '按市报批'">
                <InputField v-model="basicInfoForm.按市报批" placeholder="项目用地涉及*市、**市，已批准*市用地**公顷，批准文号为**，本次呈报*市用地（建设标准或规模)，涉及投资**亿元。" />
              </p>

              <p v-if="basicInfoForm.分期分段 === '分期报批'">
                <InputField v-model="basicInfoForm.分期报批" placeholder="根据项目可行性研究报告确定的方案或可行性研究批复，项目分**期建设，本次呈报为*期用地（建设标准或规模），涉及投资**亿元。" />
              </p>

              <p v-if="basicInfoForm.本期不涉及永农红线但需报国务院 === '是'">
                该项目整体占用永久基本农田或生态保护红线，本段不涉及永久基本农田或生态保护红线，按规定应呈报国务院审批。
              </p>
            </div>
          </div>
          <!-- 核减用地情况 -->
          <div class="section-block orange">
            <h3 class="text-lg font-semibold text-gray-800 mb-3">〔核减用地情况〕</h3>
            
            <!-- 判断区域 -->
            <div class="flex items-center">
              <ToggleButton 
                v-model="basicInfoForm.市县核减" 
                :options="[
                  { label: '未核减', value: '未核减' },
                  { label: '有核减', value: '有核减' }
                ]" 
              />
              <label class="section-label red ml-2">市县核减情况</label>
            </div>

            <!-- 交互区域 -->
            <div class="text-gray-700 space-y-3">
              <p v-if="basicInfoForm.市县核减 === '有核减'">
                该项目用地在市、县级审查中核减用地
                <InputField v-model="basicInfoForm.核减面积" placeholder="核减面积" />
                公顷（耕地
                <InputField v-model="basicInfoForm.核减耕地" placeholder="核减耕地" />
                公顷，含永久基本农田
                <InputField v-model="basicInfoForm.核减永农" placeholder="核减永农" />
                公顷）。
              </p>
              
              <p v-else-if="basicInfoForm.市县核减 === '未核减'">
                该项目用地在市、县级审查中未核减用地。
              </p>
            </div>
          </div>

          <!-- 农用地转用情况 -->
          <div class="section-block purple">
            <h3 class="text-lg font-semibold text-gray-800 mb-3">〔农用地转用情况〕</h3>
            
            <!-- 交互区域 -->
            <div class="text-gray-700 space-y-3">
              <p>
                本次申请将农用地
                <InputField v-model="basicInfoForm.转用农用地" placeholder="转用农用地" />
                公顷（耕地
                <InputField v-model="basicInfoForm.转用耕地" placeholder="转用耕地" />
                公顷，含永久基本农田
                <InputField v-model="basicInfoForm.转用永农" placeholder="转用永农" />
                公顷）、未利用地
                <InputField v-model="basicInfoForm.转用未利用地" placeholder="转用未利用地" />
                公顷转为建设用地，其中，
                <InputField v-model="basicInfoForm.市县区列表" placeholder="**市**区、**县" />
                农民集体所有农用地
                <InputField v-model="basicInfoForm.集体转用农用地" placeholder="集体转用农用地" />
                公顷（耕地
                <InputField v-model="basicInfoForm.集体转用耕地" placeholder="集体转用耕地" />
                公顷，永久基本农田
                <InputField v-model="basicInfoForm.集体转用永农" placeholder="集体转用永农" />
                公顷）、未利用地
                <InputField v-model="basicInfoForm.集体转用未利用地" placeholder="集体转用未利用地" />
                公顷；国有农用地
                <InputField v-model="basicInfoForm.国有转用农用地" placeholder="国有转用农用地" />
                公顷（耕地
                <InputField v-model="basicInfoForm.国有转用耕地" placeholder="国有转用耕地" />
                公顷，永久基本农田
                <InputField v-model="basicInfoForm.国有转用永农" placeholder="国有转用永农" />
                公顷）、未利用地
                <InputField v-model="basicInfoForm.国有转用未利用地" placeholder="国有转用未利用地" />
                公顷。
              </p>
            </div>

            <!-- 这里添加一行分割线 -->
            <hr class="my-4 border-gray-700">
            <!-- 矿业用地复垦利用项目判断区域 -->
            <div class="flex items-center">
              <ToggleButton 
                v-model="basicInfoForm.矿业复垦" 
                :options="[
                  { label: '否', value: '否' },
                  { label: '是', value: '是' }
                ]" 
              />
              <label class="section-label red ml-2">矿业复垦情况</label>
            </div>

            <!-- 交互区域 -->
            <div class="text-gray-700 space-y-3" v-if="basicInfoForm.矿业复垦 === '是'">
              <p>
                <InputField v-model="basicInfoForm.复垦验收自然资源部门" placeholder="**(自然资源部门)" />
                已验收该项目复垦区耕地
                <InputField v-model="basicInfoForm.复垦耕地" placeholder="复垦耕地" />
                公顷，其中水田
                <InputField v-model="basicInfoForm.复垦水田" placeholder="复垦水田" />
                公顷，标准粮食产能
                <InputField v-model="basicInfoForm.复垦产能" placeholder="复垦产能" />
                公斤；拟使用土地
                <InputField v-model="basicInfoForm.拟用面积" placeholder="拟用面积" />
                公顷，其中水田
                <InputField v-model="basicInfoForm.拟用水田" placeholder="拟用水田" />
                公顷，标准粮食产能
                <InputField v-model="basicInfoForm.拟用产能" placeholder="拟用产能" />
                公斤。建设区土地已全部转为建设用地。
              </p>
            </div>
          </div>
          
          <!-- 缴纳新增建设用地土地有偿使用费情况 -->
          <div class="section-block green">
            <h3 class="text-lg font-semibold text-gray-800 mb-3">〔缴纳新增建设用地土地有偿使用费情况〕</h3>
            
            <!-- 判断区域 -->
            <!-- 选择表述方式,判断是否有偿 -->
            <div class="flex items-center mb-4">
              <ToggleButton 
                v-model="basicInfoForm.划拨表述方式" 
                :options="[
                  { label: '表述方式1', value: '表述方式1' },
                  { label: '表述方式2', value: '表述方式2' }
                ]" 
              />
              <label class="section-label red ml-2">文字表述方式</label>
            </div>
            <div class="flex items-center mb-4">
              <ToggleButton 
                v-model="basicInfoForm.缴费情形" 
                :options="[
                  { label: '有偿使用', value: '有偿使用' },
                  { label: '以划拨方式供地', value: '以划拨方式供地' }
                ]" 
              />
              <label class="section-label red ml-2">纳新增建设用地土地有偿使用费</label>
            </div>
            <!-- 交互区域 - 有偿使用情况 -->
            <div class="text-gray-700 space-y-4" v-if="basicInfoForm.缴费情形 === '有偿使用'">
              <p v-if="basicInfoForm.划拨表述方式 === '表述方式1'">
                项目建设涉及国土空间规划确定的城市和村庄、集镇建设用地范围外有偿使用新增建设用地
                <InputField v-model="basicInfoForm.圈外新增面积" placeholder="圈外新增面积" />
                公顷，其中：
              </p>
              <p v-if="basicInfoForm.划拨表述方式 === '表述方式2'">
                <InputField v-model="basicInfoForm.审查机关" placeholder="审查机关" />
                审查通过的项目建设涉及国土空间规划确定的城市和村庄、集镇建设用地范围外有偿使用新增建设用地
                <InputField v-model="basicInfoForm.圈外新增面积" placeholder="圈外新增面积" />
                公顷，其中：
              </p>

              <p>
                <!-- 圈外县区列表 -->
                <div class="ml-4 mt-2">
                  <TableInput 
                    v-model="basicInfoForm.圈外县区列表"
                    :headers="[
                      { key: 'name', label: '县区名称', placeholder: '县区名称' },
                      { key: '等别', label: '等别', placeholder: '等别' },
                      { key: 'area', label: '面积', placeholder: '面积' }
                    ]"
                  />
                </div>
              </p>
              <p v-if="basicInfoForm.划拨表述方式 === '表述方式1'">
                项目用地中
                <InputField v-model="basicInfoForm.圈内新增面积" placeholder="圈内新增面积" />
                公顷位于国土空间规划确定的城市和村庄、集镇建设用地范围内，
              </p>

              <p v-if="basicInfoForm.划拨表述方式 === '表述方式2'">
                项目用地中
                <InputField v-model="basicInfoForm.圈内新增面积" placeholder="圈内新增面积" />
                公顷位于
                <InputField v-model="basicInfoForm.审查机关" placeholder="审查机关" />
                审查通过的国土空间规划确定的城市和村庄、集镇建设用地范围内，
              </p>

              <p>
                涉及新增建设用地
                <span v-if="basicInfoForm.圈内新增面积">{{ basicInfoForm.圈内新增面积 }}</span>
                <span v-else>圈内新增面积</span>
                公顷，其中：
                <!-- 圈内县区列表 -->
                <div class="ml-4 mt-2">
                  <TableInput 
                    v-model="basicInfoForm.圈内县区列表"
                    :headers="[
                      { key: 'name', label: '县区名称', placeholder: '县区名称' },
                      { key: '等别', label: '等别', placeholder: '等别' },
                      { key: 'area', label: '面积', placeholder: '面积' }
                    ]"
                  />
                </div>
              </p>
              
              <p>
                共需缴纳新增建设用地土地有偿使用费
                <InputField v-model="basicInfoForm.应缴有偿费" placeholder="应缴有偿费" />
                万元。项目所在地
                <InputField v-model="basicInfoForm.缴费县市区的市县人民政府名称" placeholder="缴费县市区的市县人民政府名称" />
                人民政府承诺在批准用地后按有关规定及时足额缴纳（或已预缴）。
              </p>
            </div>

            <!-- 交互区域 - 划拨方式供地情况 -->
            <div class="text-gray-700 space-y-4" v-else-if="basicInfoForm.缴费情形 === '以划拨方式供地'">
              <p v-if="basicInfoForm.划拨表述方式 === '表述方式1'">
                项目以划拨方式供地，不涉及国土空间规划确定的城市和村庄、集镇建设用地范围内新增建设用地，按规定不需缴纳新增建设用地土地有偿使用费。
              </p>
              
              <p v-else>
                项目以划拨方式供地，不涉及
                <InputField v-model="basicInfoForm.审查机关" placeholder="审查机关" />
                审查通过的国土空间规划确定的城市和村庄、集镇建设用地范围内新增建设用地，按规定不需缴纳新增建设用地土地有偿使用费。
              </p>
            </div>
          </div>

          <!-- 违法用地占用自然保护区或生态保护红线情况 -->
          <div class="section-block yellow">
            <h3 class="text-lg font-semibold text-gray-800 mb-3">（违法用地占用自然保护区或生态保护红线情况）</h3>
            
            <!-- 判断区域 -->
            <div class="flex items-center mb-4">
              <ToggleButton 
                v-model="basicInfoForm.违法涉及保护地" 
                :options="[
                  { label: '是', value: '是' },
                  { label: '否', value: '否' }
                ]" 
              />
              <label class="section-label red ml-2">违法涉及保护地</label>
            </div>

            <!-- 交互区域 -->
            <div class="text-gray-700 space-y-4" v-if="basicInfoForm.违法涉及保护地 === '是'">
              <p>
                该项目违法用地涉及自然保护区或生态保护红线，省级林草主管部门对违法用地占用自然保护区或生态保护红线出具了意见，
                <InputField v-model="basicInfoForm.省林草意见" placeholder="省林草意见" />
                ；省级生态环境主管部门对违法用地占用自然保护区或生态保护红线出具了意见，
                <InputField v-model="basicInfoForm.省生态环境意见" placeholder="省生态环境意见" />
              </p>
            </div>
          </div>
           
        </div>
        
        <!-- 批次用地模式 -->
        <div v-else>
          <!-- 基本情况 -->
          <div class="section-block blue">
            <h3 class="text-lg font-semibold text-gray-800 mb-3">〔基本情况〕</h3>
            <!-- 判断区域 -->
            <div class="flex items-center">
              <ToggleButton 
                v-model="basicInfoForm.有无可调整地类" 
                :options="[
                  { label: '是', value: '是' },
                  { label: '否', value: '否' }
                ]" 
                default-value="是"
              />
              <label class="section-label red ml-2">符合：无违法用地或2020年之后发生的违法用地</label>
            </div>
            <!-- 用户交互区域 -->
            <div class="text-gray-700 space-y-3">
              <p v-if="basicInfoForm.有无可调整地类 === '是'" >
                该批次实际申请用地情况为：总面积为
                <InputField v-model="basicInfoForm.总面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，其中：农用地
                <InputField v-model="basicInfoForm.农用地面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷（耕地
                <InputField v-model="basicInfoForm.耕地面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷）、建设用地
                <InputField v-model="basicInfoForm.建设用地面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷、未利用地
                <InputField v-model="basicInfoForm.未利用地面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷。
              </p>
              <p v-if="basicInfoForm.有无可调整地类 === '否'" >
                该批次实际申请用地情况为：总面积为
                <InputField v-model="basicInfoForm.总面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，其中：农用地
                <InputField v-model="basicInfoForm.农用地面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷（耕地
                <InputField v-model="basicInfoForm.耕地面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷；可调整地类
                <InputField v-model="basicInfoForm.可调整地类面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷）、建设用地
                <InputField v-model="basicInfoForm.建设用地面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷、未利用地
                <InputField v-model="basicInfoForm.未利用地面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷。
              </p>

              <p >
                按权属和地类分：农民集体所有土地
                <InputField v-model="basicInfoForm.集体土地总面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，其中：农用地
                <InputField v-model="basicInfoForm.集体农用地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷（耕地
                <InputField v-model="basicInfoForm.集体耕地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷）、建设用地
                <InputField v-model="basicInfoForm.集体建设用地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷、未利用地
                <InputField v-model="basicInfoForm.集体未利用地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷；国有土地
                <InputField v-model="basicInfoForm.国有土地总面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，其中：农用地
                <InputField v-model="basicInfoForm.国有农用地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷（耕地
                <InputField v-model="basicInfoForm.国有耕地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷）、建设用地
                <InputField v-model="basicInfoForm.国有建设用地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷、未利用地
                <InputField v-model="basicInfoForm.国有未利用地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，地类和面积准确。
              </p>
            </div>
          </div>
          
          <!-- 农用地转用情况 -->
          <div class="section-block green">
            <h3 class="text-lg font-semibold text-gray-800 mb-3">[农用地转用情况]</h3>
            <!-- 判断区域 -->
            <div class="flex items-center">
              <ToggleButton 
                v-model="basicInfoForm.批次类型" 
                :options="[
                  { label: '是', value: '是' },
                  { label: '否', value: '否' }
                ]" 
              />
              <label class="section-label red ml-2">是否为增减挂钩项目</label>
            </div>
            <p v-if="basicInfoForm.批次类型 === '是'">
              <span class="flex items-center">
                <ToggleButton 
                  v-model="basicInfoForm.分次报批" 
                  :options="[
                    { label: '分次报批', value: '是' },
                    { label: '一次全报', value: '否' }
                  ]" 
                />
                <label class="section-label red ml-2">分次报批：</label>
              </span>
            </p>
            <!-- 用户交互区域 -->
            <div class="text-gray-700 space-y-3">
              <!-- 面积部分 -->
              <p>
                该批次申请将农用地
                <InputField v-model="basicInfoForm.转用农用地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷（耕地
                <InputField v-model="basicInfoForm.转用耕地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷）、未利用地
                <InputField v-model="basicInfoForm.转用未利用地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷转为建设用地，其中：农民集体所有农用地
                <InputField v-model="basicInfoForm.集体转用农用地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷（耕地
                <InputField v-model="basicInfoForm.集体转用耕地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷）、未利用地
                <InputField v-model="basicInfoForm.集体转用未利用地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷；国有农用地
                <InputField v-model="basicInfoForm.国有转用农用地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷（耕地
                <InputField v-model="basicInfoForm.国有转用耕地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷）、未利用地
                <InputField v-model="basicInfoForm.国有转用未利用地" type="number" step="0.01" min="0" placeholder="面积" />
                公顷。
              </p>
              
              <!-- 增加挂钩指标 -->
              <p v-if="basicInfoForm.批次类型 === '是'">
                该批次使用
                <InputField v-model="basicInfoForm.指标类型" placeholder="*县自行复垦的增减挂钩指标（或购买*县的增减挂钩节余指标）" />
                <InputField v-model="basicInfoForm.挂钩指标面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，其中水田
                <InputField v-model="basicInfoForm.挂钩水田" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，标准粮食产能
                <InputField v-model="basicInfoForm.挂钩产能" placeholder="产能" />
                公斤；建新区拟使用土地
                <InputField v-model="basicInfoForm.新区拟用面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，其中水田
                <InputField v-model="basicInfoForm.新区水田" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，标准粮食产能
                <InputField v-model="basicInfoForm.新区产能" placeholder="产能" />
                公斤；
              </p>
              
              <p v-if="basicInfoForm.分次报批 === '是'">
                建新区已使用
                <InputField v-model="basicInfoForm.已用面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，其中水田
                <InputField v-model="basicInfoForm.已用水田" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，标准粮食产能
                <InputField v-model="basicInfoForm.已用产能" placeholder="产能" />
                公斤；本次报批
                <InputField v-model="basicInfoForm.本次报批面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，其中水田
                <InputField v-model="basicInfoForm.本次水田" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，标准粮食产能
                <InputField v-model="basicInfoForm.本次产能" placeholder="产能" />
                公斤；剩余
                <InputField v-model="basicInfoForm.剩余面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，其中水田
                <InputField v-model="basicInfoForm.剩余水田" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，标准粮食产能
                <InputField v-model="basicInfoForm.剩余产能" placeholder="产能" />
                公斤。
              </p>

              <p v-if="basicInfoForm.分次报批 === '否'">
                建新区拟使用土地
                <InputField v-model="basicInfoForm.新区拟用面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，其中水田
                <InputField v-model="basicInfoForm.新区水田" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，标准粮食产能
                <InputField v-model="basicInfoForm.新区产能" placeholder="产能" />
                公斤。
              </p>
              
              <p>建新区土地已全部转为建设用地。</p>

            </div>
          </div>
          
          <!-- 缴纳新增建设用地土地有偿使用费 -->
          <div class="section-block purple">
            <h3 class="text-lg font-semibold text-gray-800 mb-3">〔缴纳新增建设用地土地有偿使用费〕</h3>
            <!-- 判断区域 -->
            <div class="flex items-center">
              <ToggleButton 
                v-model="basicInfoForm.涉及新增建设用地" 
                :options="[
                  { label: '是', value: '是' },
                  { label: '否', value: '否' }
                ]" 
              />
              <label class="section-label red ml-2">涉及新增建设用地</label>
            </div>
            <div class="flex items-center">
              <ToggleButton 
                v-model="basicInfoForm.已预缴" 
                :options="[
                  { label: '承诺缴纳', value: '否' },
                  { label: '已预缴', value: '是' }
                ]" 
              />
              <label class="section-label red ml-2">缴存方式</label>
            </div>
            <!-- 用户交互区域 -->
            <div class="text-gray-700 space-y-3">
              <p v-if="basicInfoForm.涉及新增建设用地 === '是'" >
                该批次涉及新增建设用地
                <InputField v-model="basicInfoForm.新增建设用地面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷，为
                <InputField v-model="basicInfoForm.土地等别" placeholder="土地等别" />
                等别，需缴纳新增建设用地土地有偿使用费
                <InputField v-model="basicInfoForm.应缴费用" placeholder="应缴费用" />
                万元。

                <!-- 嵌套判断：仅当涉及新增建设用地为“是”时才显示预缴相关段落 -->
                <template v-if="basicInfoForm.涉及新增建设用地 === '是'">
                  <span v-if="basicInfoForm.已预缴 === '是'">
                    <InputField v-model="basicInfoForm.县市区名称" placeholder="县市区名称" />
                    人民政府已按有关规定预缴。
                  </span>
                  <span v-else-if="basicInfoForm.已预缴 === '否'">
                    <InputField v-model="basicInfoForm.县市区名称" placeholder="县市区名称" />
                    人民政府承诺在用地批准后按有关规定及时足额缴纳。
                  </span>
                </template>
              </p>
              
              <p v-if="basicInfoForm.涉及新增建设用地 === '否'" >
                〔不涉及缴纳新增建设用地土地有偿使用费〕该批次不涉及新增建设用地，不需缴纳新增建设用地土地有偿使用费。
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <!-- 复制按钮和显示复制的文本内容 -->
    <CopyToClipboard :text="generateCopyText()" />
  </div>
</template>

<style scoped>
/* 组件特定样式保留 */
</style>